/* CSS Document */
@charset "utf-8";

.section1{padding: 33px 0 6px;background: #f5f5f5;}
.s1_cl{float: left;width: 479px;}
.s1_cl .hd{margin-top: 4px;}
.s1_cl .hd ul li{float: left;width: 110px;font-size: 16px;color: #4e4e4e;font-weight: bold;text-align: center;background: #d3d3d3;color: #4e4e4e;line-height: 40px;}

.s1_cl .hd ul li.on{background: #0f46ae;color: #fff;}
.s1_cl .bd{height: 258px;}
.s1_cl .bd li{width: 438px;height: 50px;border-bottom: 2px solid #e6e6e6; } 
.s1_cl .bd li:last-child{border-bottom: none;}
.s1_cl .bd li .title{font-size: 16px;color: #4d4d4d;line-height: 42px;transition: all 0.8s ease 0s;padding-top: 10px;}
.s1_cl .bd li .time{display: none;font-size: 18px;color: #777777;transition: all 0.8s ease 0s;}
.s1_cl .bd li .content{display: none;font-size: 16px;color: #888888;height: 48px;line-height: 24px;overflow: hidden;padding-bottom: 15px;transition: all 0.8s ease 0s;}
.s1_cl .bd li.on {height: auto;}
.s1_cl .bd li.on .title{font-size: 22px;font-weight: bold;color: #0d54c0; line-height: 30px;float: none;padding-top: 11px;}
.s1_cl .bd li.on .time{display: block;font-size: 18px;line-height: 22px;float: none;padding: 8px 0 0;}
.s1_cl .bd li.on .content{display: block;}
.s1_cr{float: right;width: 740px;}
.s1_cr ul li{float: left;width: 107px;padding-left: 16px;padding-bottom: 50px;height:213px;}
.s1_cr ul li:nth-child(1){background: linear-gradient(#00a0f0,#008de2);}
.s1_cr ul li:nth-child(2){background: linear-gradient(#27babf,#23a4aa);}
.s1_cr ul li:nth-child(3){background: linear-gradient(#bb72c5,#a85db4);}
.s1_cr ul li:nth-child(4){background: linear-gradient(#527cdc,#486dc8);}
.s1_cr ul li:nth-child(5){background: linear-gradient(#c8ae7d,#b39a6e);}
.s1_cr ul li:nth-child(6){background: linear-gradient(#cc8578,#b6766a);}
.s1_cr ul li .s1_crt{font-size: 18px;color: #fff;font-weight: bold;margin-top: 37px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s; -o-transition: all 0.6s;transition: all 0.6s;}
.s1_cr ul li .s1_crc{font-size: 16px;color: rgba(255,255,255,0.41);line-height: 20px;margin-top: 28px;}
.s1_cr ul li .s1_cri{margin-top: 45px;height: 36px;}
.s1_cr ul li .s1_crf{width:24px;height:12px;background:url(cy_06.png) center center no-repeat;margin-top:15px;opacity: 0; -webkit-transition: all 0.6s;-moz-transition: all 0.6s; -o-transition: all 0.6s;transition: all 0.6s;}
.s1_cr ul li:hover .s1_crt{margin-top:20px;}
.s1_cr ul li:hover .s1_crf{margin-left:40px;opacity: 1;}
.s1_cr ul li:nth-child(1):hover{background: linear-gradient(#008de2,#00a0f0);}
.s1_cr ul li:nth-child(2):hover{background: linear-gradient(#23a4aa,#27babf);}
.s1_cr ul li:nth-child(3):hover{background: linear-gradient(#a85db4,#bb72c5);}
.s1_cr ul li:nth-child(4):hover{background: linear-gradient(#486dc8,#527cdc);}
.s1_cr ul li:nth-child(5):hover{background: linear-gradient(#b39a6e,#c8ae7d);}
.s1_cr ul li:nth-child(6):hover{background: linear-gradient(#b6766a,#cc8578);}

.section2{margin: 32px 0 39px;}
.s2_cl{float: left;position: relative;width: 360px;}
.s2_cl .s2_cli{width: 360px;height: 239px;overflow: hidden;}
.s2_cl .s2_clb{position: absolute;top: 0;left: 0;width: 100%;text-align: center;}
.s2_cl .s2_clb .s2_clba{width: 53px;height: 53px;overflow: hidden;margin: 85px auto 0;}
.s2_cl .s2_clb .s2_clbb{font-size: 16px;color: #fff;font-weight: bold;margin-top: 13px;}
.s2_cm{float: left;width: 501px;overflow: hidden;position: relative;}
.s2_cm .bd ul li{position: relative;}
.s2_cm .bd ul li .s2_cmi{width: 501px;height: 239px;overflow: hidden;}
.s2_cm .bd ul li .s2_cmi img{-moz-transition: transform 0.6s; -webkit-transition: transform 0.6s; -o-transition: transform 0.6s;transition: transform 0.6s;max-width: 100%;}
.s2_cm .bd ul li:hover .s2_cmi img{-ms-transform:scale(1.1);--webkit-transform:scale(1.1);-moz-transform: scale(1.1);transform:scale(1.1);}
.s2_cm .bd ul li .s2_cmb{position: absolute;width: 100%;bottom: 0;font-size: 16px;height: 49px;line-height: 49px;color: #fff;font-weight: bold;padding-left: 29px;background: url(jb.png) repeat-x center;}
.s2_cm .hd{position: absolute;bottom: 0;width: 100%;height: 49px;}
.s2_cm .hd ul{margin-right: 8px;float: right;margin-top: 23px;}
.s2_cm .hd ul li{display: inline-block;text-indent: 9999em;width: 7px;height: 7px;background: #fff;border-radius: 4px;margin: 0 3px;cursor: pointer;}
.s2_cm .hd ul li.on{width: 22px;background: #2d4ea4;}
.s2_cr{float: left;width: 361px;position: relative;}
.s2_cr .s2_cri{width: 361px;height: 239px;overflow: hidden;}
.s2_cr .s2_crb{position: absolute;right: 46px;top: 75px;text-align: right;}
.s2_cr .s2_crb .s2_crbt{font-size: 20px;color: #0d54c0;font-weight: bold;}
.s2_cr .s2_crb .s2_crbc{font-size: 16px;color: #6f6f6f;text-transform: uppercase;margin-top: 3px;}
.s2_cr .s2_crb .s2_crbf{width: 25px;height: 25px;margin-top: 10px;float: right;}